<!--  -->
<template>
  <div class=''>
    <div class="block">
    <!-- <p>使用 render-content</p> -->
    <el-tree
      :data="data"
      show-checkbox
      node-key="id"
      default-expand-all
      :expand-on-click-node="false"
      :render-content="renderContent">
    </el-tree>
  </div>
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
    data() {
    //这里存放数据
      return {
        data: [
        {
          label: "江西水利职业学院",
          children: [
            {
              label: "信息工程系",
              children: [
                {
                  label: "计算机教研室",
                  children: [
                    {
                      label: "李程越",
                    },
                    {
                      label: "张凯琪",
                    },
                    {
                      label: "林洋"
                    }
                  ]
                },
                {
                  label: "21计算机4班",
                  children: [
                    {
                      label: "苏雨恒",
                    },
                    {
                      label: "鲁子根",
                    },
                    {
                      label: "桂志宏",
                    },
                    {
                      label: "龙勇",
                    },
                    {
                      label: "邓源辉",
                    }
                  ]
                },
                {
                  label: "21计算机5班",
                  children: [
                    {
                      label: "黄超",
                    },
                    {
                      label: "吴和谚",
                    },
                    {
                      label: "邓宇平",
                    },
                    {
                      label: "李聪",
                    },
                    {
                      label: "曾乐",
                    },
                    {
                      label: "李小海",
                    },
                    {
                      label: "魏颖娜",
                    }
                  ]
                },
              ],
            },
            {
              label: "水利工程系",
            },
            {
              label: "建筑工程系",
            },
            {
              label: "资源环境工程系",
            },
            {
              label: "机电工程系",
            },
            {
              label: "金融管理系",
            },
          ],
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
      };
    },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {

  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='' scoped>

</style>